<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/cartlist.css">
    <script src="./js/main.js" type="module" id="cartlist"></script>
</head>
<body>
    <div class="nav">
        <div class="navBox">
            <a href="">首页</a>>
            <a href="">购物车</a>
        </div>
    </div>
    <div class="cart">
       <div class="cartBox">
           <div class="cartHead">
               <span class="state">
                <input type="checkbox" checked="" name="" id="" class="allsel" value="" /> 全选
                </span>
                <span class="name">
                    商品名称
                </span>
                <span class="num">
                    数量
                </span>
                <span class="prices">
                    价格
                </span>
                <span class="operation">
                    操作
                </span>
           </div>
           <div class="cartMain">
               <ul class="cartId" style="display: none;">
                    <li class="state">
                        <input type="checkbox" checked="" name="" id="" value="" />
                    </li>
                    <li class="name">
                        <span>
                            <img src="" alt="">
                        </span>
                        <span class="title">
                        </span>
                    </li>
                    <li class="num">
                        <span class="numl"></span><input type="text" value="1" /><span class="numr"></span>
                    </li>
                    <li class="price">
                        ￥<span></span>
                    </li>
                    <li class="operation">
                        <a href="javascript:void(0)">
                            <span></span>
                        </a>
                    </li>
               </ul>
               <!-- <ul class="cartId" style="display: none;">
                    <li class="state">
                        <input type="checkbox" checked="" name="" id="" class="allsel" value="" />
                    </li>
                    <li class="name">
                        <span>
                            <img src="" alt="">
                        </span>
                        <span>
                            title
                        </span>
                    </li>
                    <li class="num">
                        <span class="numl"></span><input type="text" value="1" /><span class="numr"></span>
                    </li>
                    <li class="prices">
                        ¥999
                    </li>
                    <li class="operation">
                        <a href="">
                            <span></span>
                        </a>
                    </li>
               </ul> -->
            </div>
            <div class="cartFoot">
                <p class="footp fl">
                 <input type="checkbox" checked="" name="" id="" class="allsel" value="" /> 全选
                 <a href="javascript:void(0)" class="opera">删除选中的商品</a>
                 <a href="./list.html">继续购物</a>
                </p>
                <div class="footbox fr">
                     <input type="button" value="去结算" class="btn fr">
                     <p class="footnum fr">
                         共<span class="foots"></span>件商品,
                         合计<span>￥<span class="footpic"></span>元</span>
                     </p>
                </div>
            </div>
       </div>
    </div>
    <div class="foot">
        <div class="foota">
            <img src="./img/QQ图片20210618105317.png" alt="">
        </div>
        <div class="footb">
            <img src="./img/QQ图片20210618105333.png" alt="">
        </div>
    </div>
</body>
</html>